import React, { BaseSyntheticEvent } from 'react';
import { ScrollView, StyleSheet, Text, TouchableOpacity } from 'react-native';

export default function tpl(a: <T>(action: string, ...args: unknown[]) => ((ev: BaseSyntheticEvent<T>) => void), s: (...class_names: string[]) => {}, d: (d: string) => string | unknown[]) {
	return (
		<ScrollView style={styles.container}>
			<Text style={styles.controlText}>Control Panel</Text>
			<TouchableOpacity style={styles.button} onPress={a('a001')}>
				<Text>Close Drawer</Text>
			</TouchableOpacity>
		</ScrollView>
	);
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		padding: 20,
		backgroundColor: 'black'
	},
	controlText: {
		color: 'white'
	},
	button: {
		backgroundColor: 'white',
		borderWidth: 1,
		borderColor: 'black',
		padding: 10
	}
});

